<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物</title>
    <!-- 网站说明 -->
    <meta name="description"
    content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"/>
    <!-- 关键字 -->
    <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"/>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2762009_baumb5ix05t.css">
    <script src="js/animate.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
    <div class="bg">
        <div class="advertise">
            <img src="./upload/ninhuojiie.jpg" width="158px">
            <a href="#"><img src="./upload/bgshoujj1.jpg" class="box1"></a>
            <a href="#"><img src="./upload/bgdianqi1.jpg" class="box2"></a>
            <a href="#"><img src="./upload/bgdiannao1.jpg" class="box3"></a>
            <div class="cha">×</div>
        </div>
    </div>
    <!-- 快捷导航模块 start -->
    <section class="shortcut">
        <div class="w">
            <div class="box_l">
                <ul>
                    <li class="arrow-icon0"></li>
                    <li class="area"><a href="#">重庆</a></li>
                </ul>
            </div>
            <div class="site">
                <div class="site_detail">
                    <ul class="district">
                        <li class="item">北京</li>
                        <li class="item">上海</li>
                        <li class="item">天津</li>
                        <li class="item bg_current">重庆</li>
                        <li class="item">河北</li>
                        <li class="item">陕西</li>
                        <li class="item">河南</li>
                        <li class="item">辽宁</li>
                        <li class="item">吉林</li>
                        <li class="item">黑龙江</li>
                        <li class="item">内蒙古</li>
                        <li class="item">江苏</li>
                        <li class="item">山东</li>
                        <li class="item">安徽</li>
                        <li class="item">浙江</li>
                        <li class="item">福建</li>
                        <li class="item">湖北</li>
                        <li class="item">湖南</li>
                        <li class="item">广东</li>
                        <li class="item">广西</li>
                        <li class="item">江西</li>
                        <li class="item">四川</li>
                        <li class="item">海南</li>
                        <li class="item">贵州</li>
                        <li class="item">云南</li>
                        <li class="item">西藏</li>
                        <li class="item">台湾</li>
                        <li class="item">甘肃</li>
                        <li class="item">青海</li>
                        <li class="item">宁夏</li>
                        </ul>
                </div>
                <div class="region">
                    <p>地区专享版本</p>
                    <ul>
                        <li><a href="">中国港澳</a></li>
                        <li><a href="">中国台湾</a></li>
                        <li><a href="">京东全球</a></li>
                    </ul>
                </div>
            </div>
            <div class="box_r">
                <ul>
                    <li class="shenglue" >
                        <a href="login.html" target="_blank">你好，请登录&nbsp;</a>
                        <a href="register.html" style="color: #f93031;" target="_blank">免费注册</a>
                    </li>
                    <li class="shuxian"></li>
                    <li>
                        <a href="#">我的订单</a>
                    </li>
                    <li class="shuxian"></li>
                    <li class="arrow-icon">
                        <a href="login.html" class="wd_jd">我的京东</a>
                    </li></li>
                    <li>
                        <a href="login.html">京东会员</a>
                    </li>
                    <li class="shuxian"></li>
                    <li class="arrow-icon">
                        <a href="login.html" style="color: #f93031;">政企采购</a>
                    </li>
                    <li class="shuxian"></li>
                    <li class="arrow-icon">
                        <a href="login.html">客户服务</a>
                    </li>
                    <li class="shuxian"></li>
                    <li class="arrow-icon">
                        <a href="login.html">网站导航</a>
                    </li>
                    <li class="shuxian"></li>
                    <li>
                        <a href="login.html">手机京东</a>
                    </li>
                    <li>
                        <li class="shuxian"></li>
                        <li>
                            <a href="login.html">网站无障碍</a>
                        </li>
                    </li>
                </ul>
                <!-- 鼠标滑到我的京东时显示的部分 -->
                <div class="myjdlist">
                <div class="myjdlist1">
                    <div class="fore1">
                        <a href="">待处理订单</a>
                        <a href="">返修退换货</a>
                        <a href="">降价商品</a>
                    </div>
                    <div class="fore2">
                        <a href="">我的问答</a>
                        <a href="">我的关注</a>
                    </div>
                </div>
                <div class="myjdlist2">
                    <div class="fore1">
                        <a href="">我的京豆</a>
                        <a href="">我的白条</a>
                    </div>
                    <div class="fore2">
                        <a href="">我的优惠券</a>
                        <a href="">我的理财</a>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 快捷导航模块 end -->
    <!-- header头部模块制作 start -->
    <div id="header">
        <div class="w">
            <!-- 图片logo模块 -->
            <div class="logo">
                <img src="./upload/jingdong.gif" width="100%">
            </div>
            <!-- 搜索模块 -->
            <div class="search">
                <input placeholder="小米盒子" class="search_ipt"></input>
                <button class="search_btn">搜索</button>
            </div>
            <!-- hotwords模块 -->
            <div class="hotwords">
                <a href="#" style="color: #f10215;">潮电新年礼</a>
                <a href="#">iPhone13</a>
                <a href="#">达利园</a>
                <a href="#">服饰满减</a>
                <a href="#">家有洗事</a>
                <a href="#">京东京造</a>
                <a href="#">健康年礼</a>
            </div>
            <!-- navitems部分 -->
            <div class="navitems">
                <ul>
                    <li><a href="#" style="color: #e1251b; font-weight: bold;">秒杀</a></li>
                    <li><a href="#" style="color: #e1251b; font-weight: bold;">优惠券</a></li>
                    <li><a href="#">PLUS会员</a></li>
                    <li><a href="#">品牌闪购</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li><a href="#">京东家电</a></li>
                    <li><a href="#">京东超市</a></li>
                    <li><a href="#">京东超市</a></li>
                    <li><a href="#">京东生鲜</a></li>
                    <li><a href="#">京东国际</a></li>
                    <li><a href="#">京东云</a></li>
                </ul>
            </div>
            <!-- 购物车模块 -->
            <a class="shopcar" href="login.html">
                <i class="iconfont icon-gouwuche" style="padding-right: 5px; font-weight: bold;"></i>
                我的购物车
                <i class="count">3</i>
            </a>
            <div class="erweima">
                <img src='./images/erweima.png' width="100%">
            </div>
        </div>
    </div>
    <!-- header头部模块制作 end -->
    <!-- 主体部分 start-->
    <div id="content">
        <div class="main">
    <!-- 左侧导航栏部分 -->
    <div class="left-nav">
    <ul>
        <li class="item_id"></li>
        <li class="item_id item02"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
        <li class="item_id"></li>
    </ul>
    </div>
    <!-- 鼠标滑倒某一栏显示的页面 start -->
    <div class="box_item" style="display: none;">
        <div class="main_box">
        <div class="text_desc">
            <div class="item_head">
                <a href="phone.html" target="_blank">手机频道厅 ></a>
                <a href="">网上营业 ></a>
                <a href="">配件频道 ></a>
                <a href="">智能数码 ></a>
                <a href="">影像Club ></a>
            </div>
            <div class="item_detail">
                <dl class="box_detail">
                    <dt class="inner_box">
                        <a href="phone.html" target="_blank">手机通讯 ></a>
                    </dt>
                    <dd class="box_detail_con">
                        <a href="phone.html" target="_blank">手机</a>
                        <a href="">游戏手机</a>
                        <a href="">5G手机</a>
                        <a href="">拍照手机</a>
                        <a href="">全面屏手机</a>
                        <a href="">对讲机</a>
                        <a href="">以旧换新</a>
                        <a href="">手机维修</a>
                    </dd>
                </dl>
                <dl class="box_detail">
                    <dt class="inner_box">
                        <a>电子教育 ></a>
                    </dt>
                    <dd class="box_detail_con">
                        <a href="">学生平板</a>
                        <a href="">点读机/笔</a>
                        <a href="">早教</a>
                        <a href="">益智录音笔</a>
                        <a href="">电子书</a>
                        <a href="">电子词典</a>
                        <a href="">翻译机</a>
                        <a href="">复读机</a>
                    </dd>
                </dl>
                <dl class="box_detail">
                    <dt class="inner_box">
                        <a>运营商 ></a>
                    </dt>
                    <dd class="box_detail_con">
                        <a href="">合约机</a>
                        <a href="">手机卡</a>
                        <a href="">宽带</a>
                        <a href="">充话费/流量</a>
                        <a href="">中国电信</a>
                        <a href="">中国移动</a>
                        <a href="">中国联通</a>
                        <a href="">京东通信</a>
                        <a href="">挑靓号</a>
                    </dd>
                </dl>
                <dl class="box_detail">
                    <dt class="inner_box">
                        <a>手机配件 >
                            </a>
                    </dt>
                    <dd class="box_detail_con">
                        <a href="">手机壳</a>
                        <a href="">贴膜</a>
                        <a href="">手机存储卡</a>
                        <a href="">数据线</a>
                        <a href="">充电器</a>
                        <a href="">手机耳机</a>
                        <a href="">创意配件</a>
                        <a href="">手机饰品</a>
                        <a href="">手机电池</a>
                        <a href="">苹果周边</a>
                        <a href="">移动电源</a>
                        <a href="">蓝牙耳机</a>
                        <a href="">手机支架</a>
                        <a href="">拍照配件</a>
                    </dd>
                </dl>
                <dl class="box_detail">
                    <dt class="inner_box">
                        <a>摄影摄像 ></a>
                    </dt>
                    <dd class="box_detail_con">
                        <a href="">数码相机</a>
                        <a href="">微单相机</a>
                        <a href="">单反相机</a>
                        <a href="">拍立得</a>
                        <a href="">运动相机</a>
                        <a href="">摄像机</a>
                        <a href="">镜头</a>
                        <a href="">户外器材</a>
                        <a href="">影棚器材</a>
                        <a href="">冲印服务</a>
                        <a href="">数码相框</a>
                    </dd>
                </dl>
                <dl class="box_detail">
                    <dt class="inner_box">
                        <a>数码配件 ></a>
                    </dt>
                    <dd class="box_detail_con">
                        <a href="">存储卡</a>
                        <a href="">三脚架/云台</a>
                        <a href="">相机包</a>
                        <a href="">滤镜</a>
                        <a href="">闪光灯/手柄</a>
                        <a href="">存储卡</a>
                        <a href="">三脚架/云台</a>
                        <a href="">相机包</a>
                        <a href="">滤镜</a>
                        <a href="">闪光灯/手柄</a>
                       
                    </dd>
                </dl>
                <dl class="box_detail">
                    <dt class="inner_box">
                        <a>影音娱乐 ></a>
                    </dt>
                    <dd class="box_detail_con">
                        <a href="">耳机/耳麦</a>
                        <a href="">音箱/音响</a>
                        <a href="">智能音箱</a>
                        <a href="">收音机</a>
                        <a href="">麦克风</a>
                        <a href="">MP3/MP4</a>
                        <a href="">专业音频</a>
                        <a href="">音频线</a>
                    </dd>
                </dl>
                <dl class="box_detail">
                    <dt class="inner_box">
                        <a>智能设备 >
                            </a>
                    </dt>
                    <dd class="box_detail_con">
                        <a href="">智能手表</a>
                        <a href="">智能手环</a>
                        <a href="">监控摄像</a>
                        <a href="">智能出行</a>
                        <a href="">智能眼镜</a>
                        <a href="">智能家居</a>
                        <a href="">健康监测</a>
                        <a href="">无人机</a>
                        <a href="">智能机器人</a>
                        <a href="">智能家居</a>
                        <a href="">运动跟踪器</a>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="pic_desc">
            <div class="desc_brand">
                <a href="">
                    <img src="./upload/hidden1.webp">
                </a>
                <a href="">
                    <img src="./upload/hidden2.jpg">
                </a>
                <a href="">
                    <img src="upload/hidden3.png">
                </a>
                <a href="">
                    <img src="./upload/hidden4.jpg">
                </a>
                <a href="">
                    <img src="./upload/hidden5.jpg">
                </a>
                <a href="">
                    <img src="./upload/hidden6.jpg">
                </a>
            </div>
            <div class="desc_promotion">
                <a href="">
                    <img src="./upload/hidden01.jpg">
                </a>
                <a href="">
                    <img src="./upload/hiidde02.jpg">
                </a>
            </div>
        </div>
        </div>
    </div>
    <!-- 鼠标滑倒某一栏显示的页面 end -->
    <!-- 轮播图模块 -->
    <div class="focus">
            <!-- 左侧按钮 -->
            <a href="javascript:;" class="arrow-l">
                &lt;
             </a>
            <!-- 右侧按钮 -->
            <a href="javascript:;" class="arrow-r"> > </a>
            <!-- 核心的滚动区域 -->
            <ul>
                <li>
                    <a href="#"><img src="upload/lunbo1.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/lunbo2.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/lunbo3.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/lunbo4.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/lunbo5.jpg" alt=""></a>
                </li>
                <!-- <li>
                    <a href="#"><img src="./upload/lunbo1.jpg" alt=""></a>
                </li> -->
            </ul>
            <!-- 小圆圈 -->
            <ol class="circle">

            </ol>
            <!-- <div class="focus">
                <ul>
                    <li>
                        <img src="./upload/lunbotu1.jpg">
                    </li>
                </ul>
            </div> -->
    </div>
    <!-- 右侧导航模块 -->
    <div class="right-nav">
        <div class="user">
            <div class="user1">
                <div class="user_avatar">
                    <a href="#"><img src="./images/touxiang.png"></a>
                </div>
                <div class="user_show">
                    <a href="#">Hi~欢迎逛京东！</a>
                    <p>
                        <a href="login.html" target="_blank">登录</a>
                        &nbsp;|&nbsp;
                        <a href="register.html" target="_blank">注册</a>
                    </p>
                </div>
            </div>
            <div class="user_profit">
                <a href="login.html" class="user_profit1" style="color: #fff;">新人福利</a>
                <a href="login.html" class="user_profit1"id="user_profit2">PLUS会员</a>
            </div>
        </div>
        <div class="newsflash">
            <div class="news">
                <div class="news-hd">
                    <h5 class="news-title">京东快报</h5>
                    <a href="https://kuaibao.jd.com/?ids=297279983,253134221,278922111,297674596" class="more">更多 ></a>
                </div>
                <div class="news-bd">
                    <ul>
                        <li><a href="#"><span>HOT</span> 耐克飞马38系列跑鞋，质量有保障，让运动更加舒服！</a></li>
                        <li><a href="#"><span>热门</span> 从华为P50系列的手机发布，我们能发现什么？</a></li>
                        <li><a href="#"><span>热门</span> 沃希网课学习机，大屏护眼更给力！</a></li>
                        <li><a href="#"><span>热评</span> 极速闪充+超长续航，红米真香</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="lifeservice">
            <ul class="life_nav">
                <li>
                    <a href="#">
                        <i class="huafei"><img src="./images/huafei.png"></i>
                        <p>话费</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i><img src="images/jipiao.png"></i>
                        <p>机票</p>
                    </a>
                </li>
                <li>
                   <a href="#">
                        <i><img src="./images/jiudian.png"></i>
                        <p>酒店</p>
                    </a> 
                </li>
                <li>
                    <a href="#">
                        <i><img src="images/youxi.png"></i>
                        <p>游戏</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i><img src="images/jiayouka.png"></i>
                        <p>加油卡</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i><img src="images/火车票.png"></i>
                        <p>火车票</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i><img src="images/zongchou.png"></i>
                        <p>众筹</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i><img src="images/licai.png"></i>
                        <p>理财</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i><img src="images/baitiao.png"></i>
                        <p>白条</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i><img src="./images/dianying.png"></i>
                        <p>电影票</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i><img src="images/qiyegou.png"></i>
                        <p>企业购</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i><img src="images/lipinka.png"></i>
                        <p>礼品卡</p>
                    </a>
                </li>
            </ul> 
            <div class="det_service" style="display: none;">
            <ul class="subMenu">
                <li class="cur_service">话费</li>
                <li>机票</li>
                <li>酒店</li>
               </ul>
               <div class="subContent">
                <ul>
                <li style="display: block;">
                    <div class="telephone">
                        <span class="recharge" style="color: #e40015; margin-left: 14px;">话费充值</span>
                        <span class="recharge">流量充值</span>
                    </div>
                    <div class="charge_box">
                        <div class="charge_num">
                            号码：<input type="number" placeholder="移动/联通/电信">
                        </div>
                        <div class="charge_money">
                            面值：<input type="number" placeholder="输入您要充值的金额">
                        </div>
                        <div class="charge_range">￥98.0-￥100.0</div>
                        <div class="charge_rapid">快速充值</div>
                    </div>
                </li>
                </ul>
                <ul>
                <li>
                    <div class="telephone">
                        <span class="recharge" style="color: #e40015; margin-left: 14px;">国内机票</span>
                        <span class="recharge">国际/港澳台</span>
                    </div>
                    <div class="charge_box">
                        <div class="go_way">
                            <input type="radio" checked="checked">
                            <span>单程</span>
                            <input type="radio">
                            <span>往返</span>
                        </div>
                        <div class="charge_num">
                            出发: <input type="text" placeholder="城市">
                        </div>
                        <div class="charge_money"> 
                        日期: <input type="number" placeholder="出发">
                        </div>
                        <div class="charge_rapid">机票查询</div>
                        <a href="" class="hot_plane" style="color:  #527cdb;">当季热门特惠机票</a>
                    </div>
                </li>
                </ul>
                <ul>
                <li>
                    <div class="telephone">
                        <span class="recharge" style="color: #e40015; margin-left: 14px;">国内/港澳台</span>
                        <span class="recharge" style="margin-left: 25px;">促销活动</span>
                    </div>
                    <div class="charge_box">
                        <div class="charge_num">
                            目的地：<input type="text" placeholder="北京">
                        </div>
                        <div class="charge_money">
                            入住日期：<input type="number" placeholder="2022-2-18">
                        </div>
                        <div class="charge_money">
                            离店日期：<input type="number" placeholder="2022-2-19">
                        </div>
                        <div class="charge_rapid">酒店查询</div>
                        <a href="" class="hot_plane" style="color:  #527cdb;">订酒店上京东</a>
                    </div>
                </li>
                </ul>
               </div>
        </div>
            </div>
         
    </div>
    </div>
    </div>
    <!-- 主体部分 end-->
    <!-- 京东秒杀部分 start -->
    <div class="seckill">
        <div class="w">
            <a href="#" class="seckill_countdown">
                <div class="countdown_title">京东秒杀</div>
                <div>
                    <div class="countdown_desc">
                        <strong>14:00</strong>点场 距结束
                    </div>
                    <div class="time">
                        <div class="time_box hour">00</div>
                        <strong>:</strong>
                        <div class="time_box minute">00</div>
                        <strong>:</strong>
                        <div class="time_box second">00</div>
                        </div>
                </div>
            </a>
            <div class="seckill_list">
                <button></button>
                <a href="item_detail.html" class="seckill_list1">
                    <div class="seckill_item1">
                        <img src="./images/手机1.jpg" title="Apple*苹果 iPhone 13 支持移动联通电信">
                    </div>
                    <h6 class="item_describe">Apple*苹果 iPhone 13 支持移动联通电信</h6>
                    <div class="seckill_price">
                        ￥5799.00
                    </div>
                </a>
                <a href="item_detail.html" class="seckill_list1">
                    <div class="seckill_item1">
                        <img src="images/手机2.jpg" title="荣耀x30 新品5G全网通手机 晓龙6nm极速5G芯片">
                    </div>
                    <h6 class="item_describe">荣耀x30 新品5G全网通手机 晓龙6nm极速5G芯片</h6>
                    <div class="seckill_price">
                        ￥1499.00
                    </div>
                </a>
                <a href="item_detail.html" class="seckill_list1">
                    <div class="seckill_item1">
                        <img src="images/手机3.jpg" title="OPPO Reno7 红丝绒 新年版 前置索尼IMAX709">
                    </div>
                    <h6 class="item_describe">OPPO Reno7 红丝绒 新年版 前置索尼IMAX709</h6>
                    <div class="seckill_price">
                        ￥3249.00
                    </div>
                </a>
                <button></button>
            </div>
            <div class="seckill_brand">
                <img src="upload/miaosha_02.png">
            </div>
        </div>
    </div>
    <!-- 京东秒杀部分 end-->
    <!-- 京东一下 年货到家 start -->
    <div class="jd_nianhuo">
        <div class="w">
            <div class="jd_main">
            <div class="main_list">
                <a href="#" class="lists">
                    <img src="upload/list1_07.png">
                </a>
                <a href="#" class="lists"><img src="upload/list2_09.png"></a>
                <a href="#" class="lists"><img src="./upload/list3_11.png"></a>
                <a href="#" class="lists"><img src="./upload/list4_13.png"></a>
                <a href="#" class="lists"><img src="./upload/list5_15.png"></a>
                <a href="#" class="lists"><img src="upload/list6_17.png"></a>
                <a href="#" class="lists"><img src="upload/list7_25.png"></a>
                <a href="#" class="lists"><img src="upload/list8_26.png"></a>
                <a href="#" class="lists"><img src="upload/list9_26.png"></a>
                <a href="#" class="lists"><img src="upload/list10_28.png"></a>
                <a href="#" class="lists"><img src="upload/list11_29.png"></a>
                <a href="#" class="lists"><img src="./upload/list12_30.png"></a>
            </div>
        </div>
    </div>
    </div>
    <!-- 京东一下 年货到家 end -->
    <!-- 滚动到京东一下，年货到家后显示的头部 start -->
    <div class="search_fix">
        <div class="search_m">
            <div class="search_logo">
                <img src='./images/logo.png'>
            </div>
            <div class="search_box">
                <input placeholder="小米盒子"></input>
                <button>搜索</button>
            </div>
            <div class="settleup">
                <i class="iconfont icon-gouwuche" style="padding-right: 5px; font-weight: bold;"></i>
                我的购物车
                <i class="settle_count">3</i>
            </div>
        </div>
    </div>
    <!-- 滚动到京东一下，年货到家后显示的头部 end -->
    <!-- 滚动到京东一下，年货到家后显示的侧边栏 start -->
    <ul class="elevator_list">
        <li class="elevator_item">
            <a class="elevator_lk">
                <span class="jd_kill">京东秒杀</span>
            </a>
        </li>
        <li class="elevator_item">
            <a class="elevator_lk go_nianhuo">
                <img src="./upload/春节送货.jpg">
            </a>
        </li>
        <li class="elevator_item">
            <a class="elevator_lk">
                <span class="see_good">发现好货</span>
            </a>
        </li>
        <li class="elevator_item">
            <a class="elevator_lk">
                <span style="color: #e1251b;">特色优选</span>
            </a>
        </li>
        <li class="elevator_item">
            <a class="elevator_lk">
                <span>热卖商品</span>
            </a>
        </li>
        <li class="elevator_item">
            <a class="elevator_lk">
                <span class="go_recom">为你推荐</span>
            </a>
        </li>
        <li class="elevator_item">
            <a class="elevator_lk">
                <span style="color: #e1251b;" class="goBack">返回顶部</span>
            </a>
        </li>
    </ul>
       <!-- 滚动到京东一下，年货到家后显示的侧边栏 end -->
    <!-- 发现好货部分 start -->
    <div class="goods_nice">
    <div class="nice_goods">
        <div class="faxianhaowu">
        <a class="haowu">
            <img src="./upload/发现好物_03.png">
        </a>
        <div class="goods_item">
            <ul class="list">
				<li>
                   
                    <span class="goods_name">李宁 湿PU 篮球</span> 
                    <img src="./upload/好货01.jpg" alt="">
                </li>
				<li>
                    <img src="./upload/好货02.jpg" alt="">
                    <span  class="goods_name">小米 至尊纪念版 5G手机</span>
                </li>
                <li>
                    
                    <span  class="goods_name">万代 拼插 模型</span>
                    <img src="./upload/好货03.jpg" alt="">
                </li>
                <li>
                    <img src="./upload/好货04.jpg" alt="">
                    <span  class="goods_name">卡西欧 经典系列 男士</span>
                </li>
                <li>
                    
                    <span  class="goods_name">匡威 硫化底 高帮帆布鞋</span>
                    <img src="./upload/好货05.jpg" alt="">
                </li>
                <li>
                    <img src="./upload/好货06.jpg" alt="">
                    <span class="goods_name">MBL 男女通用 棒球帽</span>
                </li>
                <li>
                   
                    <span class="goods_name">安踏 水花三代 双闭合篮球鞋</span> 
                    <img src="./upload/好货07.jpg" alt="">
                </li>
			</ul>
        </div>
    </div>
    </div></div>
    <!-- 商品滑动门 -->
    <div class="door">
        
        <div class="containers">
            <div class="floorhd">
            <div class="floorhd_inner">
                <h1>-热卖商品-</h1>
            </div>
        </div>
        <img src="upload/门1_03.png"/>
        <img src="upload/门2_05.png"/>
        <img src="upload/门3_06.png"/>
        </div>    
    </div>
    
    <!-- 为你推荐部分 start -->
    <div class="recom">
    <div class="recommend">
        <div class="floorhd">
            <div class="floorhd_inner">
                <h1>-为你推荐-</h1>
            </div>
        </div>
        <div class="floor_wrapper">
            <ul>
                <li>
                    <div class="item_title item_red">精选</div>
                    <div class="item_xiao" style="color: #e1251b;">猜你喜欢</div>
                    <div class="item_gap"></div>
                </li>
                <li>
                    <div class="item_title">智能先锋</div>
                    <div class="item_xiao">大器电城</div>
                    <div class="item_gap"></div>
                </li>
                <li>
                    <div class="item_title">居家优品</div>
                    <div class="item_xiao">品质生活</div>
                    <div class="item_gap"></div>
                </li>
                <li>
                    <div class="item_title">超市百货</div>
                    <div class="item_xiao">百货生鲜</div>
                    <div class="item_gap"></div>
                </li>
                <li>
                    <div class="item_title">时尚达人</div>
                    <div class="item_xiao">美妆穿搭</div>
                    <div class="item_gap"></div>
                </li>
                <li>
                    <div class="item_title">进口好物</div>
                    <div class="item_xiao">京东国际</div>
                </li>
            </ul>
        </div>
        <ul class="recom_detail">
        </ul>
    </div>
</div>
    <!-- 为你推荐部分 end -->
    <!-- 发现好货部分 end -->
    <!-- 底部模块制作 start -->
    <footer class="footer">
        <!-- 服务模块 -->
    <div class="w1">
        <div class="mod_service">
            <ul>
                <li>
                   <img src="./images/duo_03.png">
                    品类齐全，轻松购物
                </li>
                <li>
                   <img src="./images/kuai_05.png">
                    多仓直发，极速配送
                </li>
                <li>
                   <img src="./images/hao_07.png">
                    正品行货，精致服务
                </li>
                <li>
                    <img src="./images/sheng_09.png">
                    天天低价，畅选无忧
                </li>
            </ul>
        </div>
    </div>
    <div class="fenjiexian"></div>
    <!-- 帮助模块 -->
    <div class="mod_help">
        <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
            <dt>配送方式</dt>
            <dd><a href="#">上门自提</a></dd>
            <dd><a href="#">211限时达</a></dd>
            <dd><a href="#">配送服务查询</a></dd>
            <dd><a href="#">配送费收取标准</a></dd>
            <dd><a href="#">海外配送</a></dd>
        </dl>
        <dl>
            <dt>支付方式</dt>
            <dd><a href="#">货到付款</a></dd>
            <dd><a href="#">在线支付</a></dd>
            <dd><a href="#">分期付款</a></dd>
            <dd><a href="#">公司转账</a></dd>
        </dl>
        <dl>
            <dt>售后服务</dt>
            <dd><a href="#">售后政策</a></dd>
            <dd><a href="#">价格保证</a></dd>
            <dd><a href="#">退款说明</a></dd>
            <dd><a href="#">返修/退换货</a></dd>
            <dd><a href="#">取消订单</a></dd>
        </dl>
        <dl>
            <dt>特色服务</dt>
            <dd><a href="#">夺宝岛</a></dd>
            <dd><a href="#">DIY装机</a></dd>
            <dd><a href="#">延保服务</a></dd>
            <dd><a href="#">京东E卡</a></dd>
            <dd><a href="#">京东通信</a></dd>
            <dd><a href="#">京东座智能</a></dd>
        </dl>
        <dl>
            <dt>京东自营覆盖区县</dt>
            <dd>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</dd>
            <dd style="float: right;">查看详情 ></dd>
        </dl>
    </div>
    <!-- 版权模块 -->
    <div class="mod_copyright w">
        <div class="links">
        <div class="links1"><a href="#">关于我们</a></div>
        <div class="links1"><a href="#">联系我们</a></div>
        <div class="links1"><a href="#">联系客服</a></div>
        <div class="links1"><a href="#">合作招聘</a></div>
        <div class="links1"><a href="#">商家帮助</a></div>
        <div class="links1"><a href="#">营销中心</a></div>
        <div class="links1"><a href="#">手机京东</a></div>
        <div class="links1"><a href="#">友情链接</a></div>
        <div class="links1"><a href="#">销售联盟</a></div>
        <div class="links1"><a href="#">京东社区</a></div>
        <div class="links1"><a href="#">风险监测</a></div>
        <div class="links1"><a href="#">隐私政策</a></div>
        <div class="links1"><a href="#">京东公益</a></div>
        <div><a href="#">English Site</a></div>
        </div>
        <div class="copyright">
            <a href="">京公网安备 1100000200008号</a> | <a href="">京ICP备11041704号</a> | <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a> | <a href="">新出发京零 字第大120007号</a><br><a href="">互联网出版许可证编号新出网证(京)字150号</a> | <a href="">出版物经营许可证</a> | <a href="">网络文化经营许可经文网[2020]6112-1201号</a> | <a href="">违法和不良信息举报电话：4006561155</a><br><a href="">Copyright 2004 - 2022 京东JD.com 版权所有</a> | <a href="">消费者维权热线：4006067733</a> | <a href="">经营执照：网线平台备字(2018)第00003号</a><br><a href="">京东旗下网站：京东钱包</a> | <a href="">京东云</a> | <a href="">网络内容从业人员违法违规行为举报电话：4006561155-3</a>
        </div>
    </div>
    </footer>
    <!-- 底部模块制作 end -->
</body>
</html>